﻿@page
@model FytSoa.Web.Pages.jiuduweb2.New1Model
@{
    Layout = "_Layout_jiuduweb2";
}


<section class="probootstrap-hero probootstrap-xs-hero probootstrap-hero-colored">
    <div class="container">
        <div class="row">
            <div class="col-md-8 text-left probootstrap-hero-text">
                <h1 class="probootstrap-animate">Meet The Team</h1>
                <p class="probootstrap-animate">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto provident qui tempore natus quos quibusdam soluta at.</p>
            </div>
        </div>
    </div>
</section>

<section class="probootstrap-section probootstrap-bg-white">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 section-heading">
                <h2 class="probootstrap-animate">Our Mission</h2>
                <p class="probootstrap-animate">Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta similique recusandae rerum architecto fugiat fugit tenetur temporibus neque possimus cumque quasi! Omnis quia ullam ipsum voluptatem quis veniam excepturi explicabo inventore itaque culpa consectetur vel officiis expedita voluptatum et asperiores Inventore ut unde est doloribus incidunt amet. Hic expedita earum.</p>
            </div>
        </div>
    </div>
</section>

<section class="probootstrap-section">
    <div class="container">

        <!-- END row -->
        <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_1.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>Jeremy Slater <span class="position">Co-Founder / Tech</span></h3>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_2.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>James Butterly <span class="position">Co-Founder / Creative</span></h3>
                    </div>
                </a>
            </div>

            <div class="clearfix visible-sm-block visible-xs-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_3.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>Matthew Smith <span class="position">Developer</span></h3>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_4.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>Ivan Dubovtsev <span class="position">Designer</span></h3>

                    </div>
                </a>
            </div>

            <div class="clearfix visible-sm-block visible-xs-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_2.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>James Butterly <span class="position">Co-Founder / Creative</span></h3>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_1.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>Jeremy Slater <span class="position">Co-Founder / Tech</span></h3>
                    </div>
                </a>
            </div>

            <div class="clearfix visible-sm-block visible-xs-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_4.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>Ivan Dubovtsev <span class="position">Designer</span></h3>

                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 probootstrap-animate">
                <a href="#" class="probootstrap-team">
                    <img src="img/person_3.jpg" alt="Free Bootstrap Template" class="img-responsive img-rounded">
                    <div class="probootstrap-team-info">
                        <h3>Matthew Smith <span class="position">Developer</span></h3>
                    </div>
                </a>
            </div>


        </div>
    </div>
</section>

<section class="probootstrap-cta">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="probootstrap-animate" data-animate-effect="fadeInRight">We'd like to help and talk with you</h2>
                <a href="#" role="button" class="btn btn-primary btn-lg btn-ghost probootstrap-animate" data-animate-effect="fadeInLeft">Contact Us</a>
            </div>
        </div>
    </div>
</section>